*{
    margin:0;
    padding:0;
    font: Arial;
    text-align:center;
  }
  
a{
    text-decoration:none;
    color:#442f25;
    font-size:16;
  }
  
body{
    background-color: #ffcc99;
    color:#ffffff;
    font-size:24;
  }
    
article,header{
    background-color:#cfdae5;
    border: 5px solid #b3caf2;
    border-radius:5px;
    box-shadow:10px 10px 5px #888888;
  }
  
  header{
    margin-left:5%;
    margin-top:5px;
    margin-bottom:10px;
    text-align:center;
    width:90%;
    height:350;
  }
  
header img{
    height:50%;
    width:30%;
  }
  
section{
    text-align:center;
    width: 80%;
    margin: 10%;
  }
  
article{
    transition: opacity .8000s ease-in-out;
    display: inline-block; 
    margin-left:18px;
    margin-bottom:10px;
    text-align:center;
    height:220px;
    width:220px;
  }

article:hover{
   opacity: 0.5;
   transition: opacity .2000s ease-in-out;
   background-color: #ffcc99;
   height:220px;
   width:220px;
}

article img{
   height:170px;
   width:195px;
}

footer{
    text-decoration:none;
    color:#442f25;
    font-size:16;
    background-color:#cfdae5;
    border: 5px solid #b3caf2;
    border-radius:5px;
    box-shadow:10px 10px 5px #888888;
    bottom:0;
    margin-bottom:0;
    position:fixed;
    height:50px;
    text-align:center;
    width:100%;
}

footer img{
    display: inline-block;
    float:right;
    height:50;
    width:50;
    margin-right:0px;
}